.k__proto__button {
    padding: 10px 20px;
    border:  0;
}
.k__proto__button:hover {
    cursor: pointer;
}
button[k_type = 'success'] {
   background-color: green;
   color: #fff;
}
button[k_type = 'error'] {
    background-color: darkred;
    color: #fff;
 }
 button[k_type = 'woring'] {
    background-color: orange;
    color: #fff;
 }
 button[rediso] {
    border-radius: 20px !important;
 }
 html,
 body {
     width: 100%;
     height: 100%;
 }

 * {
     padding: 0;
     margin: 0;
 }
 

 .small_msg {
     position: absolute;
     z-index: 9999999999999999;
   
     left: 50%;
     padding: 5px 20px;
 
     border-radius: 20px;
     transform: translateY(50px);
     animation: shoumask 1s;
 }

 .admin {
     animation: hidetip 1s;


 }

 @keyframes hidetip {
     from {
         transform: translateY(50px);
         /* transform: translateX(-50%); */
     }

     to {
         transform: translateY(-110px);

     }
 }

 @keyframes shoumask {
     from {
         transform: translateY(-110px);
     }

     to {
         transform: translateY(50px);
     }
 }